<template>
  <div>
    <headerXX :name="title"></headerXX>
    <div class="ulbox">
      <div class="imgXX">
        <van-image
          class="img"
          radius="4"
          width="180"
          height="180"
          :src="dataIndex.companyImage"
          mode=""
        >
        </van-image>
        <!-- <u--image class="img" height="350rpx" width="350rpx" :src="dataIndex.companyImage" :lazy-load="true">
					<template v-slot:loading>
						<u-loading-icon color="red"></u-loading-icon>
					</template>
				</u--image> -->
      </div>
      <div class="titleXX">
        <div
          class="WZ_size_20 paddingSX5"
          style="
            color: rgba(33, 84, 73, 1);
            text-align: center;
            font-weight: 700;
          "
        >
          {{ dataIndex.companyName }}
        </div>
      </div>
      <div
        class="paddingSX20 paddingBottom0"
        style="display: flex; align-items: center"
      >
        <van-image
          class="img"
          radius="4"
          width="20"
          height="16"
          :src="require('../../static/KSicon.png')"
          mode=""
        >
        </van-image>
        <div class="WZ_size_12 marginLeft5" style="font-weight: 700">
          公司简介
        </div>
      </div>
      <div>
        <!-- <QuillEditor v-model:content="dataIndex.companyBusiness" contentType="html" read-only /> -->
        <div class="rich-text" v-dompurify-html="dataIndex.companyBusiness"></div>
        <!-- <parse :content="dataIndex.companyBusiness"></parse> -->
        <!-- <div v-html="dataIndex.companyBusiness"></div> -->
      </div>
      <div
        class="paddingSX20 paddingBottom10"
        style="display: flex; align-items: center"
      >
        <van-image
          class="img"
          radius="4"
          width="20"
          height="16"
          :src="require('../../static/KSicon.png')"
          mode=""
        >
        </van-image>
        <div class="WZ_size_12 marginLeft5" style="font-weight: 700">
          公司地址
        </div>
      </div>
      <div class="WZ_size_10 marginLeft5 paddingZY10 lineHeight15">
        {{ dataIndex.companyLocation }}
      </div>
    </div>
    <div class="DI">
      <div class="DI_bottom" @click="BDXX">预约服务</div>
    </div>
  </div>
</template>

<script>
import headerXX from "../../components/title.vue";
export default {
  components: { headerXX },
  data() {
    return {
      title: "单位简介",
      dataIndex: {},
    };
  },
  created() {
    this.dataIndex = JSON.parse(decodeURIComponent(this.$route.query.XX));
  },
  mounted() {},
  methods: {
    BDXX() {
      let li = encodeURIComponent(JSON.stringify(this.dataIndex));
      this.$router.push({
        name: "rvicsharedstation-BJFW_servicePerson",
        query: {
          XX: li, // 序列化对象
        },
      });
    },
  },
};
</script>

<style lang="less" scoped>
@import "../../static/css/index.less";
@import "../../static/css/GYcSS.less";
@import "../../static/css/rich-text.css";
.ulbox {
  height: calc(
    var(--real-vh, 1vh) * 100 - 120px - env(safe-area-inset-bottom) -
      env(safe-area-inset-top)
  );
}

.imgXX {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  height: 200px;

  .img {
    height: 100%;
  }
}
</style>
